.body_reportDetail{
	background-color: #fff;
    padding: 50px 100px 400px 100px;
    width: 910px;
    margin: auto;
    .btns{
		position: fixed;
		z-index: 9;
		right: 10px;
		top:55px;
		.ui-btn{
			margin:5px 5px !important;
		}
	}
	.backBtnBox{
		position: fixed;
		z-index: 9;
		left: 180px;
		top:55px;
		margin:5px 5px;
	}
	.contentBox{
		section{
			margin:10px 0;
			h1{
				color:#333;
				font-size: 24px;
				font-weight: bolder;
				text-align: center;
			}
			h5{
				line-height: 50px;
				color: #8EA6BD
			}
			p{
				line-height: 30px;
			}
			.box{
				padding:0 10px;
				&.piebox{
					height:300px;
					width:500px;
				}
				.table{
					width:910px;
					margin: auto;
					border: 1px solid #DDE2E8;
					border-radius: 2px;	
					color:#8EA6BD;
					font-size: 14px;
					&.average{
						width:895px;
						color:#666;
						.thead{
							height: 35px;
							line-height: 35px;
							background-color: #fff;
							border-bottom:1px solid #DDE2E8;
							span{
								display: inline-block;
								float: left;
								width:105px;
								padding:0 10px;
								border-right: 1px solid #DDE2E8;
								&:last-child{
									border-right: 1px solid #fff;
								}
							}
						}
						.tbody{
							.bli{
								height: 35px;
								line-height: 35px;
								border-bottom:1px solid #DDE2E8;
								&:last-child{
									border-bottom: none;
								}
								div{
									display: inline-block;
									float: left;
									width:105px;
									padding:0 10px;
									border-right: 1px solid #DDE2E8;
									&:last-child{
										border-right: 1px solid #fff;
									}
								}								
							}
						}
					}
					&.unaverage{
						thead{
							height: 40px;
							line-height: 40px;
							border-bottom: 1px solid #959fb3;
							background-color: #959fb3;
							font-size: 14px;
							color: #fff;
							th{
								width:95px;
								padding: 0 10px;
								text-align: left;
								display: inline-block;
								float: left;
								&.title{
									width:260px;
								}	
								&.source{
									width:150px;
								}														
							}
						}
						tbody{
							tr{
								border-bottom: 1px solid #DDE2E8;
								font-size: 14px;
								color: #666;
								&:last-child{
									border-bottom: none;
								}
								td{
									line-height: 35px;
									height:35px;
									width:95px;
									padding: 0 10px;
									text-align: left;
									display: inline-block;
									white-space: nowrap;
			                        overflow: hidden;
			                        text-overflow: ellipsis;
									//float: left;
									&.title{
										width:260px;
										a{
											width:97%;
			                                overflow: hidden;
			                                white-space: nowrap;
			                                text-overflow: ellipsis;
											color:#666;
											&:hover{
												color:#FFC800;
											}
										}
									}
									&.source{
										width:150px;
									}
									&:last-child{
										 font-size: 20px;
   										 color: #FFD600;
									}
								}
							}
						}						
					}

				}
			}
		}
	}
}